<template>
    <div id="app">
        <router-view/>
    </div>
</template>

<script>
    export default {
        name: "App",
    };
</script>

<style>
    html, body {
        height: 100%;
        width: 100%;
        margin: 0;
    }

    /*书籍封面边界装饰*/
    .borderDecor {
        background-image: linear-gradient(90deg, hsla(0, 0%, 63.1%, .25), rgba(21, 21, 20, .1) 1%, hsla(0, 0%, 100%, .15) 4%, hsla(0, 0%, 58%, .1) 8%, hsla(0, 0%, 89%, 0) 57%, rgba(223, 218, 218, .03) 91%, rgba(223, 218, 218, .05) 98%, hsla(0, 0%, 100%, .1));
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .1);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    /*隐藏全局滚动条*/
    ::-webkit-scrollbar {
        display: none;
    }
</style>
